<!--  -->
<template>
 <Dropdown  placement="right-start" :obj="obj" :key="obj.name" :name="obj.name">
                <DropdownItem>
                    {{obj.title}}
                    <Icon type="ios-arrow-right"></Icon>
                </DropdownItem>
  <DropdownMenu slot="list" style="text-aligin:center" >
        <template v-for="(child, i) in obj.children">
            <DropdownItem :name="child.name" :key="i"><Icon :type="child.icon"></Icon><span style="padding-left:10px;">{{ child.title}}</span></DropdownItem>
        </template>
    </DropdownMenu>
    </Dropdown>
</template>

<script>
export default {
    name:'shrinkthirdmenu',
    props:{
        obj:{
            type:Object
        }
    }
}

</script>
<style lang='scss' >
</style>
